﻿/*
      ============================================================
           Default Color Start
      ============================================================
*/
 .title:hover > a,
 .th-cl,
 .th-cl.th-bdr.border,
 .blog-thumb-2:hover .title,
 .osr-team-thumb-2:hover .title,
 .navigation li.active > a,
 .navigation li:hover > a,
 .readmore-btn:hover,
 .widget-contact-form .form-control:focus
{
  color: #645CFE !important
}
/*
      ============================================================
           Default Background Color Start
      ============================================================
*/
 .th-bg,
  .th-cl.th-bdr.border:hover,
 .roadmap-slider-2::before,
 .navigation li a::after,
 .roadmap-slider-2 .slick-slide::after,
 .video-btn::after,
 .video-btn::before,
 .switch-btn .slider::before,
 .blog-post-slider .slick-dots li.slick-active button,
 .blog-post-slider .slick-dots li:hover button,
 [class*="about-caption"] .readmore-btn::before,
 .roadmap-slider-2 .slick-slide::before,
 .horizontal-progress .progress-bar::before,
  .oscar-header-4 .nav-outer.affix .mean-container a.meanmenu-reveal span
{
    background-color: #645CFE 
}
/*
      ============================================================
           Default Border Color Start
      ============================================================
*/
.th-bdr.border,
 .switch-btn .slider,
 .roadmap-slider-2 .slick-slide::after,
 .roadmap-thumb::after,
 .horizontal-progress .progress-bar::after,
 .oscar-header-4 .nav-outer.affix .mean-container a.meanmenu-reveal,
 .th-bdr{
    border-color: #645CFE
}

.btn{
  --box-shadow-color: #645CFE;
}

/*
      ============================================================
           Default Transition Start
      ============================================================
*/
a,
label,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
input,
.btn,
.blog,
figure,
.title,
.tags a,
.title a,
textarea,
.slick-arrow,
.navigation a,
.features-thumb-2,
.social-list li a{
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
/*
      ============================================================
           Second Background Color Start
      ============================================================
*/

.gray-bg{
    background-color:#f7fbff4f/*#f7fbff*//* #ebebea */;
}

{
  border-color:#f7fbff/* #ebebea */;
}

.thinn-event-thumb figure,
.thinn-event-list figure,
.th-gradient{
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #645CFE 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#645CFE 100%);
}
/*
      ============================================================
           Social Icons Background Color Start
      ============================================================
*/
.google-bg{
	color: #fff !important;
	border: none !important;
	background-color: #f0042a;
}
.twitter-bg{
	color: #fff !important;
	border: none !important;
	background-color: #55acee;	
}
.linkedin-bg{
	color: #fff !important;
	border: none !important;
	background-color: #00598e;	
}
.facebook-bg{
	color: #fff !important;
	border: none !important;
	background-color: #3b5998;	
}
.price-tag.red {
    background: #ff0000;
}
.red{
  background: #ff6363 !important;
}
.red-cl{
  color: #ff6363;
}

.green{
  background: #04ee7d !important;
}

.blue{
  background: #04baee !important;
}

.yellow{
  background: #ffd908 !important;
}









/*
      ============================================================
           Default Color Start
      ============================================================
*/
.crypton-vertion .title:hover > a,
.crypton-vertion .th-cl,
.crypton-vertion .blog-thumb-2:hover .title,
.crypton-vertion .osr-team-thumb-2:hover .title,
.crypton-vertion .navigation li.active > a,
.crypton-vertion .navigation li:hover > a
{
  color: #f9603e
}
/*
      ============================================================
           Default Background Color Start
      ============================================================
*/
.crypton-vertion .th-bg,
.crypton-vertion .roadmap-slider-2::before,
.crypton-vertion .navigation li a::after,
.crypton-vertion .roadmap-slider-2 .slick-slide::after,
.crypton-vertion .video-btn::after,
.crypton-vertion .video-btn::before,
.crypton-vertion .roadmap-slider-2 .slick-slide::before,
.crypton-vertion .horizontal-progress .progress-bar::before
{
    background-color: #f9603e 
}
/*
      ============================================================
           Default Border Color Start
      ============================================================
*/
.crypton-vertion .roadmap-slider-2 .slick-slide::after,
.crypton-vertion .roadmap-thumb::after,
.crypton-vertion .horizontal-progress .progress-bar::after,
.crypton-vertion .th-bdr{
    border-color: #f9603e
}
.crypton-vertion .btn{
  --box-shadow-color: #f9603e;
}
.lighter-black-bg{
    background-color:#1d1f29/* #ebebea */;
}